<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${hotelList.basichotelinfo.hotelNameCN}</title>
<link type="text/css" rel="stylesheet" href="/resource/css/Default.css" />
<link type="text/css" rel="stylesheet" href="/resource/css/hotelinfo-style.css" />
</head>

<body>
<div class="topbar">
	<div class="topbar_wrap">
    	<div class="f_r">
        	<dl class="clear">
            	<dd><a title="登录" href="/login">登录</a><a title="注册" href="/regist">注册</a></dd>
                <dd><a href="/my">我的订单</a><i class="icon-dropdown"></i>|</dd>
                <dd><a href="">联系客服</a><i class="icon-dropdown"></i>|</dd>
                <dd><a href="">收藏本站</a></dd>
            </dl>
        </div>
    </div>
</div>
<div class="header">
	<div class="header-wrap">
        <figure class="Tour-img-logo f_l">
          <a href="https://www.51sxy.cn/" seed="logo" class="ui-logo-Tour">随心游</a>
        </figure>
        <div class="log-nav">
            <ul>
                <li><a href="###">首页</a></li>
                <li class="cur"><a href="###">酒店</a></li>
                <li><a href="###">机票</a></li>
                <li><a href="###">订车</a></li>
                <li><a href="###">签证</a></li>
                <li><a href="###">度假</a></li>
                <li class=""><a href="###">攻略</a></li>
                <li class=""><a href="###">门票</a></li>
            </ul>
            <div class="nav-line" style="width: 44px; left: 393px;"></div>
        </div>
    </div>
</div>
<div class="hotel-info-content clr">
	<div class="pagenav">酒店&nbsp;&gt;&nbsp;酒店详情&nbsp;&gt;&nbsp;${hotelList.basichotelinfo.hotelNameCN}</div>
    <div class="htif-wrap">
    	<div class="htif-search-box">
            城市*<input id='fromcity' type="text" class="phtext" value="中文/拼音/首字母缩写" onblur="if(this.value == '') this.value = '中文/拼音/首字母缩写'" onfocus="if(this.value == '中文/拼音/首字母缩写') this.value = ''" />
            入住*<input type="text" readonly="readonly" class="doubledate phtext inpdatacon" />
            退房*<input type="text" readonly="readonly" class="doubledate phtext inpdatacon" />
            酒店名称<input type="text" value="晴川假日" class="phtext" />
            <input type="button" value="搜索" class="phbtn" />
        </div>
        <div class="htif-data clr">
            <dl class="hdata-nmad">
                <dt>${hotelList.basichotelinfo.hotelNameCN}</dt>
                <dd>${hotelList.basichotelinfo.address}</dd>
            </dl>
            <dl class="hdata-val">
                <dd>￥<span>${hotelList.basichotelinfo.minrate}</span>起</dd>
            </dl>
            <dl class="hdata-nowifo">
                <dd>数据更新于：1小时前</dd>
                <dd>剩余房间数：<span class="col-b">48</span>/433</dd>
                <dd><input type="button" value="立即预定&gt;" class="phbtn" /></dd>
            </dl>
            <dl class="hdata-pf">
            	<dd><span class="col-b">4.0</span>/5分</dd>
                <dd>80%用户推荐</dd>
                <dd class="col-b">1980位房客已评价</dd>
            </dl>
        </div>
    	<div class="htif-lbox">
        	<div class="htif-img clr magn_top10">
            	<img src="${hotelList.basichotelinfo.images.DT}" width="289" height="206" />
                <img src="${hotelList.basichotelinfo.images.WJ}" width="304" height="206" />
                <img src="${hotelList.basichotelinfo.images.KF}" width="100" height="206" />
            </div>
            <div class="htif-roomreservation">
            	<h1 class="htit">房型预定</h1>
                <table width="100%">
                    <thead>
                        <tr><th>房型</th><th>床型</th><th>早餐</th><th>宽带</th><th>房价(含服务费)</th><th></th></tr>
                    </thead>
                    <tbody>
                       <c:forEach items="${hotelList.roomtypeinfo}" var="roomList">
                    	<tr><td class="col-b">${roomList.roomtypename}</td><td>${roomList.bedtype }</td><td>单早</td><td class="col-g"><c:if test="${roomList.internet == 'N'}" var="name1">无</c:if><c:if test="${roomList.internet == 'Y'}" var="name1">有</c:if></td><td>￥<span class="col-r">${roomList.vendorList[0].rateplan[0].firstdayprice}</span></td><td><input type="button" value="预定" /></td></tr>
                        </c:forEach>
                    </tbody>
                </table>
            </div>
            <div class="hintr magn_top10">
            	<h1 class="htit">酒店介绍</h1>
                <p>${hotelList.basichotelinfo.longDesc}</p>
                <span class="chkmore f_r">查看更多</span>
            </div>
            <div class="hfaci magn_top10">
            	<h1 class="htit">酒店设施</h1>
                <dl class="clr">
                	<dt>综合设施</dt>
                    <dd>中餐厅</dd>
                    <dd>西餐厅</dd>
                    <dd>咖啡厅</dd>
                    <dd>酒吧</dd>
                    <dd>停车场</dd>
                    <dd>理发美容中心</dd>
                    <dd>收费停车场</dd>
                </dl>
                <dl class="clr">
                	<dt>活动设施</dt>
                    <dd>健身室</dd>
                    <dd>按摩室</dd>
                    <dd>桑拿浴室</dd>
                </dl>
                <dl class="clr">
                	<dt>服务项目</dt>
                    <dd>会议厅</dd>
                    <dd>商务中心</dd>
                    <dd>外币兑换服务</dd>
                    <dd>旅游票务服务</dd>
                    <dd>洗衣服务</dd>
                    <dd>送餐服务</dd>
                    <dd>医务室</dd>
                </dl>
                <dl class="clr">
                	<dt>客房设施</dt>
                    <dd>国际长途电话</dd>
                    <dd>书桌</dd>
                    <dd>24小时热水</dd>
                    <dd>电热水壶</dd>
                    <dd>浴缸</dd>
                    <dd>独立淋浴间</dd>
                    <dd>吹风机</dd>
                    <dd>房内保险箱</dd>
                    <dd>中央空调</dd>
                </dl>
            </div>
            <div class="hpcy magn_top10">
            	<h1 class="htit">酒店政策</h1>
                <dl class="clr">
                	<dt>入住和取消</dt>
                    <dd>入住时间：14:00以后 离店时间：12:00以前</dd>
                </dl>
                <dl class="clr">
                	<dt>押金/预付款</dt>
                    <dd>入住时需要出示政府核发的身份证（带照片）。<br />请携带信用卡和现金用以支付押金和额外费用。</dd>
                </dl>
                <dl class="clr">
                	<dt>宠物</dt>
                    <dd>不可携带宠物。</dd>
                </dl>
                <dl class="clr">
                	<dt>特殊条款</dt>
                    <dd>信用卡授权解除需时1-3个月。视不同国家、城市之银行操作时间而定。</dd>
                </dl>
                <dl class="clr">
                	<dt>接受信用卡</dt>
                    <dd></dd>
                    <dd></dd>
                </dl>
            </div>
            <div class="gcom magn_top10">
            	<h1 class="htit">住客点评</h1>
            </div>
        </div>
        <div class="htif-rbox magn_top10">
        	<div class="htif-brohis">
            	<h1>我浏览过的酒店</h1>
                <div>
                	<ul>
                    	<li>
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="htif-recommend">
            	<h1>最新优惠推荐</h1>
                <div>
                	<ul>
                    	<li>
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="htif-similarhotel">
            	<h1>最新优惠推荐</h1>
                <div>
                	<ul>
                    	<li>
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img width="56" height="55" src="/resource/images/itnh_02.gif"></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <p><a href="javascript:void(0);">关于http://www.51sxy.cn/</a> | <a href="javascript:void(0);">联系我们</a> | <a href="javascript:void(0);">业务合作</a> | <a href="javascript:void(0);">酒店加盟</a> | <a href="javascript:void(0);">媒体报道</a> | <a href="javascript:void(0);">职位招聘</a> | <a href="javascript:void(0);">用户协议</a> | <a href="javascript:void(0);">常见问题</a> | <a href="javascript:void(0);">友情链接</a> | <a href="javascript:void(0);">我要投诉</a> | <a href="javascript:void(0);">About Us</a></p>
    <p>京ICP备05021087号   电信与信息服务业务经营许可证888888号   武汉市江岸区局备案编号:鄂公网安备1234567890</p>
    <p>Copyright 2013 http://www.51sxy.cn Inc. All Rights Reserved.</p>
</div>
</body>
<script type="text/javascript" language="javascript" src="/resource/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" language="javascript" src='/resource/js/citylist.js'></script>
<script type="text/javascript" language="javascript" src='/resource/js/querycity.js'></script>
<script type="text/javascript" language="javascript" src="/resource/js/zdate.js"></script>
<script type="text/javascript" lauguage="javascript" src="/resource/js/dev_pub.js"></script>
<script type="text/javascript" language="javascript">
	navSlider();
	
	var labelFromcity = new Array();
	labelFromcity ['热门城市'] = new Array(0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40);
	labelFromcity ['A-F'] = new Array(0,3,4,5,6,28,29);
	labelFromcity ['G-J'] = new Array(1,7,8,9,30,31,32,33,37,40);
	labelFromcity ['K-N'] = new Array(10,11,12,34,35,38);
	labelFromcity ['P-W'] = new Array(13,14,15,16,17,18,22,24,25,36);
	labelFromcity ['X-Z'] = new Array(2,19,20,21,26,27,39);
	var hotList = new Array(14,15,16,17,18,19);
	$('#fromcity').querycity({'data':citysFlight,'tabs':labelFromcity,'hotList':hotList});
	$('#tocity').querycity({'data':citysFlightTo});
	
	
$(function(){
		/*
		*  日期选择
		*/
		$('.doubledate').kuiDate({
			className:'doubledate',
			isDisabled: "0"  // isDisabled为可选参数，“0”表示今日之前不可选，“1”标志今日之前可选
		});	
	})
</script>
</html>
